<template>
	<div class="app-container home">
		<div class="xinyang">蜜 搭 后 台 管 理 系 统</div>
		<!-- <div>电脑开机检测器</div>
		<el-button type="primary" @click="dialogVisible = true" plain>点击查看</el-button>

		<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
			<span>
				<div style="font-weight: bold;font-size: 24px;">当前电脑已开机</div>
			</span>
			<span slot="footer" class="dialog-footer">
				<el-button @click="dialogVisible = false">取 消</el-button>
				<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
			</span>
		</el-dialog>
 -->
	</div>
</template>

<script>
	export default {
		name: "Index",
		data() {
			return {
				// 版本号
				version: "3.8.4",
				dialogVisible: false
			};
		},
		methods: {
			goTarget(href) {
				window.open(href, "_blank");
			},
			handleClose(done) {
				this.$confirm('确认关闭？')
					.then(_ => {
						done();
					})
					.catch(_ => {});
			}
		},
	};
</script>

<style scoped lang="scss">
	.xinyang {
		position: absolute;
		left: 46%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 40px;
	}

	.home {
		blockquote {
			padding: 10px 20px;
			margin: 0 0 20px;
			font-size: 17.5px;
			border-left: 5px solid #eee;
		}

		hr {
			margin-top: 20px;
			margin-bottom: 20px;
			border: 0;
			border-top: 1px solid #eee;
		}

		.col-item {
			margin-bottom: 20px;
		}

		ul {
			padding: 0;
			margin: 0;
		}

		font-family: "open sans",
		"Helvetica Neue",
		Helvetica,
		Arial,
		sans-serif;
		font-size: 13px;
		color: #676a6c;
		overflow-x: hidden;

		ul {
			list-style-type: none;
		}

		h4 {
			margin-top: 0px;
		}

		h2 {
			margin-top: 10px;
			font-size: 26px;
			font-weight: 100;
		}

		p {
			margin-top: 10px;

			b {
				font-weight: 700;
			}
		}

		.update-log {
			ol {
				display: block;
				list-style-type: decimal;
				margin-block-start: 1em;
				margin-block-end: 1em;
				margin-inline-start: 0;
				margin-inline-end: 0;
				padding-inline-start: 40px;
			}
		}
	}
</style>
